<template>
  <div class="head-left">
    <vue-seamless-scroll :data="newsList" :class-option="optionLeft" class="seamless-warp2">
      <div v-for="(item,index) in newsList" :key="index" class="text-ellipsis">
        {{item.title}}
      </div>
    </vue-seamless-scroll>
    <div style="height: 20px;margin-left: 40px;line-height: 40px">恩科机电设备有限公司</div>
  </div>
</template>

<script>
  import vueSeamless from 'vue-seamless-scroll'
  export default {
    name: 'Notice',
    components: {
      'vue-seamless-scroll': vueSeamless
    },
    data() {
      return {
        newsList: [{
          title: ''
        }]
      }
    },
    computed: {
      optionLeft() {
        return {
          direction: 2,
          limitMoveNum: 1
        }
      }
    }
  }
</script>

<style lang="scss" scoped>
  .seamless-warp2 {
    overflow: hidden;
    height: 60px;
    line-height: 60px !important;
    width: 380px;

    ul.item {
      width: 580px;

      li {
        float: left;
        margin-right: 10px;
      }
    }
  }
</style>